<template>
	<div class="new-user-rd">
		<common-header title="新人专区"></common-header>
		<div class="nu-contain">
			<router-link :to="'/index'" class="nu-mock"></router-link>
			<p class="nu-title">新手限时专享</p>
			<ul class="plist">
				<li class="pj-item">
					<img src="https://duo-online-resource.oss-cn-beijing.aliyuncs.com/10109111/8/2/1/2.jpg?x-oss-process=image/quality,q_90" alt=""class="pj-img">
					<div class="pj-name"> 乐趣酒店</div>
					<div class="pj-type ofH">
						<span class="sort-item slh">
							<i class="icon icon-build"></i>酒店
						</span>
						<span class="sort-item slh">
							<i class="icon icon-address"></i>温州
						</span>
						<span class="pj-price"><span class="unit">¥</span><em class="price-num">10000.00</em>/份</span>
					</div>
				</li>
				<li class="pj-item">
					<img src="https://duo-online-resource.oss-cn-beijing.aliyuncs.com/10109111/8/2/1/2.jpg?x-oss-process=image/quality,q_90" alt=""class="pj-img">
					<div class="pj-name"> 乐趣民宿</div>
					<div class="pj-type ofH">
						<span class="sort-item slh">
							<i class="icon icon-build"></i>民宿
						</span>
						<span class="sort-item slh">
							<i class="icon icon-address"></i>温州
						</span>
						<span class="pj-price"><span class="unit">¥</span><em class="price-num">10000.00</em>/份</span>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<style scoped lang="scss">
	.nu-contain{padding: 0 a(30px) 40px;}
	.nu-mock{
		display: block;
		margin: a(56px) auto a(76px);
		@include bg("../../static/images/newuser-first.png",100%,a(274px));
	}
	.nu-title{
		font-size: 23px;
		font-weight: 600;
	}
	.plist{
		.pj-item{
			margin-top: 40px;
		}
		.pj-img{
			width: 100%;
			height: a(420px);
		}
		.pj-name{
			font-size: 19px;
			font-weight: bold;
			padding: 10px 0;
		}
		.sort-item{
			display: inline-block;
			float:left;
			font-size: 12px;
			margin-right: 20px;
			max-width: a(320px);
			.icon{margin-right: 10px;vertical-align: -1px;}
		}
		.icon-build{
			@include bg("~__assets/images/icon/iconfont-build-1.png",10px,14px);
		}
		.icon-address{
			@include bg("~__assets/images/icon/iconfont-address-1.png",8px,14px);
		}
		.pj-price{
			float: right;
			.unit{font-size: 9px;color:#ff6b43;}
			.price-num{font-size: 12px;color:#ff6b43;}
		}
	}
</style>

<script>
	import commonHeader from "__cp/commonHeader";
	export default{
		name:"new-user",
		components:{commonHeader},
		methods:{
			
		}
	}

</script>